.inner-wrap {
    max-width: 1200px;
}
.brand {
    padding: 30px 0;
    font-size: 16px;
    color: #3f3f3e;
}
.shejishi-type .shejishi-type-list {
    border-top: 1px solid #dedede;
    background: #f1f1f1;
    margin-bottom: 26px;
}
.shejishi-type .shejishi-type-list .shejishi-type-item {
    position: relative;
    border-bottom: 1px solid #dedede;
    padding: 9px 0 9px 126px;
    padding-left: 87px;
}
.shejishi-type .shejishi-type-list .shejishi-type-head {
    position: absolute;
    left: 0;
    top: 9px;
    height: 36px;
    line-height: 36px;
    width: 126px;
    text-align: center;
    font-size: 16px;
    color: #4d4d4d;
    border-right: 1px solid #c1c1c1;
}
.shejishi-type .shejishi-type-list .shejishi-type-head2 {
    width: 87px;
}
.shejishi-type .shejishi-type-list .shejishi-type-body {
    position: relative;
    height: 36px;
    padding-right: 84px;
    overflow: hidden;
}
.shejishi-type .shejishi-type-list .shejishi-type-body li {
    float: left;
    margin-left: 23px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
}
.shejishi-type .shejishi-type-list .shejishi-type-body li a {
    padding: 3px 16px;
    font-size: 14px;
    color: #5f5f5f;
}
.shejishi-type .shejishi-type-list .shejishi-type-body span.more {
    position: absolute;
    top: 0;
    right: 24px;
    font-size: 14px;
    color: #5f5f5f;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    display:inline;
}
.case-list {
    margin: 56px -13px 34px;
}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.case-list li{ float: left;  margin-bottom: 26px; width:25%; padding:0 13px; box-sizing: border-box;list-style:none;display: inline-block;}
.case-list li:nth-child(4n+1){ clear: both;}
.case-list li a{ display: block; position: relative;}
.case-list li a:after{ content:""; position:absolute; bottom:0; left:0; width: 0; border-bottom: 1px solid #d4a259; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.case-list li .img{ position: relative; overflow: hidden;width:450px; height:292px;}
.case-list li .img img{ max-height:293px; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.case-list li  img{width: 305px;height:auto;}
.case-list li .img i{ position: absolute; top:4%; left:2.5%; display: block; width:0; height: 0; border: 1px solid #d4a259; opacity:0;}
.case-list li .img i:before,
.case-list li .img i:after{ content:""; position: absolute; width: 5px; height: 5px; background: #d4a259;}
.case-list li .img i:before{ top:-2px; left:-2px; }
.case-list li .img i:after{ bottom:-2px; right:-2px;}

.case-list li .tit{ padding: 10px 50px; position: relative; text-align: center;border-bottom: 1px solid #eeeeee;}
.case-list li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 1px solid #d4a259;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
.case-list li a:hover:after {
    width: 100%;
}
.case-list li .tit span{ display:block; font-size: 16px; color: #18171d;}
.case-list li .tit h2{ display:block; font-size: 16px; color: #18171d;}

.case-list li .tit i{ position: absolute; top:50%; margin-top: -10px; right:0; line-height: 20px; height: 20px; display: inline-block; padding-left: 15px; font-style: normal; font-size: 12px; color: #bbbbbb;}
/*video*/
.content{width: 1200px;margin: 0 auto;}
.work .box {
    padding-bottom: 50px;
}
.work .box ul li {
    position: relative;
    float: left;
    width: 580px;
    height: 313px;
    margin: 10px;
    background: #fff;
    cursor: pointer;
}
.work .box ul li{ position: relative; float: left; width: 580px;height: 313px; margin:10px;  background: #fff;  cursor:pointer;}
.work .box ul li a{ display: block;}
.work .box ul li .pic{width: 580px;height: 313px; overflow: hidden;}
.work .box ul li .pic img{width: 580px;height: 313px;transition:1s ease;-ms-transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;}
.work .box ul li .bigpic img{width:580px;height: 333px;}
.work .box ul li .post_info_bg{position: absolute; top:0px; left:0px; z-index:9;width: 580px;height: 313px;background:rgba(0,0,0,0.6); text-align:center; opacity:0;transition:1s ease;-ms-transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;}
.work .box ul li .post_info{ position: absolute; top: 30px; left: 30px;z-index:10;width: 520px;height:130px; padding-top:120px;  text-align:center; opacity:0; border:1px solid #fff;
-webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-ms-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.work .box ul li .post_info .play_in span{ position: absolute;
left: 50%;
top: 1px;
height: 0px;
background: #fff;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;}
.work .box ul li .post_info .play_in span{ height:2px;}
.work .box ul li .post_info .play_in {position: absolute;top: 45%;left: 0;width: 100%;margin-left: -10px;margin-top: -14px;text-align: center;}
.work .box ul li .post_info .play_in span.line1 {
width: 0px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.work .box ul li .post_info .play_in span.line2 {
top: 31px;
width: 0px;
margin-left: -1px;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
transform: rotate(-32deg);
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.work .box ul li .post_info .play_in span.line3 {
top: 17px;
width: 0px;
margin-left: 23px;
-webkit-transform: rotate(212deg);
-moz-transform: rotate(212deg);
-ms-transform: rotate(212deg);
-o-transform: rotate(212deg);
transform: rotate(212deg);
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.work .box ul li a:hover .post_info .play_in span.line1{
	width:30px;
}
.work .box ul li a:hover .post_info .play_in span.line2{
	width:28px;
}
.work .box ul li a:hover .post_info .play_in span.line3{
	width:28px;
}

.work .box ul li .post_info .post_tt{position: absolute;
left: 5%;
top: 45%;
margin-top: 44px;
width: 90%;
text-align: center;
font-weight: 300;
letter-spacing: 0.075em;
transform: matrix(1, 0, 0, 1, 0, 10);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-ms-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); color:#fff; font-size:18px; line-height:40px;}
.work .box ul li a:hover .post_info_bg{opacity:1;}
.work .box ul li a:hover .post_info{opacity:1;top: 20px; left: 20px;width:540px;height:150px;}
.work .box ul li a:hover .pic  img{width:580px;height: 333px;transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}
.zpmore a{ display:block; width:130px; margin:0 auto; border:1px solid #7f7f7f; color:#7f7f7f; text-align:center; border-radius:50px; font-size:16px; height:40px; line-height:40px;}
.zpmore a:hover{ background:#d4000e; border:1px solid #d4000e; color:#fff;  -webkit-transition:background .5s linear;-moz-transition:background .5s linear;transition:background .5s linear;}

/*list_news*/
.inner-wrap {
    max-width: 1300px;
    min-width: 320px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main {
    padding: 20px 0 75px;
    box-sizing: border-box;
}
.main .mainLeft {
		box-sizing:border-box;padding-right: 397px;
}

.main .mainRight {
	position: relative;
	float: right;
	width: 336px;
	padding-left: 30px;
	margin-bottom: 64px;
	margin-left: 30px;
	border-left: 1px solid #e5e5e5;
	box-sizing:border-box;
	
}
#sticker {
    z-index: 9999 !important;
}
.yuyueWe {
    background: white;
    width: 305px;
}
.hotCase {
	margin-top: 30px;
	background: white;
	overflow: hidden;
}

.hotCase .hotCase-title {
	font-size: 24px;
	color: #3f3f3e;
	border-bottom: 1px solid #b3b3b3;
	padding: 43px 14px 14px;
}

.hotCase .col-3-style1 .col-3 li {
	width: 100%;
	padding: 26px 0;
	margin-bottom: 0;
}

.hotCasePadding {
	margin: 0 7px;
	overflow: hidden;
}
.main .mainRight .col-3-box {
    width: 100%;
    padding-bottom: 16px;
}

.main .mainRight .col-3-style1 .text .text-dep span.liulan {
	font-size: 14px;
}

.main .mainRight .col-3-box {
	width: 100%;
	padding-bottom: 16px;
}

.main .mainRight .hotCase .hotCase-title {
	padding-top: 14px;
}

.main .mainRight .hotCase .col-3-style1 .col-3 li {
	margin: 0;
	padding: 8px 0 0;
}
.main .mainRight .hotCase .col-3-style1 .col-3 li a{
    display: block;
}
.guanggao {
	margin-top: 32px;
}

.guanggao a img {
	display: block;
	width: 100%;
	height: auto;
}
.col-3-style1 .text{
	font-size: 16px;
	color: #5f5f5f;
	background: #f4f4f4;
    height: 40px;
    margin-bottom: 8px;
    padding:0 10px;
}

.col-3-style1 li{
	margin-bottom: 1.7%;
}

.col-3-style1 .text .p1{
    float: left;
    line-height: 40px
}
.col-3-style1 .text .text-dep{
    float: right;
    line-height: 40px
}
.col-3-style1 .text .p1 a{
	color: #2c2c2c;
	fill: 18px;
	font-weight: bold;
}

.col-3-style1 .text .p1 span{
	padding-left: 14px;
}

.col-3-style1 .text .text-dep span.liulan{
	float: right;
	line-height: 40px;
	color: #2c2c2c;
}

.col-3-style1 .text .text-dep span.liulan i{
	color: #996c32;
	font-weight: bold;
}

.col-3-style1 .text .text-dep p{
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 14px;
}
.main .mainLeft {
    box-sizing: border-box;
    padding-right: 397px;
}
.small-title2 {
	font-size: 40px;
	padding-bottom: 34px;
	padding-top: 21px;
	border-bottom: 1px solid #ccc;
	color: #3f3f3e;
	font-weight: bold;
	text-align: center;
	margin-bottom: 44px;
}


.small-title3 {
	font-size: 18px;
	color: #3f3f3e;
	margin-bottom: 15px;
	padding-left: 70px;
}
.news-list{ margin-bottom: 60px; border-top:1px solid #eeeeee; }
.news-list li{ margin-top: -1px;}
.news-list li:nth-child(odd)
{
background:#f1f1f1;
}
.news-list li:nth-child(even)
{
background:#f7f7f7;
}
.news-list li a{overflow: hidden;display: block; padding:25px 190px 25px 25px; border-bottom:1px solid #eeeeee; position: relative; }
.news-list li .img{ float: left; overflow:hidden; width: 277px; max-height:194px;border:solid 1px #fff;}
.news-list li .img img{overflow:hidden; width: 277px; max-height:194px;}
.news-list li .text{ margin-left: 360px; padding-top: 15px;}
.news-list li .text .tit{ font-size: 18px; color: #333333;}
.news-list li .text p{ margin-top: 15px; max-width: 660px; line-height: 24px; color:#777777; height: 72px; overflow: hidden;}
.news-list li .text span{ margin-top: 30px; display: block; font-size: 14px; color:#eeeeee; text-transform: uppercase;}
.news-list li .date{ position: absolute; top:45px; right:0; width: 175px;}
.news-list li .date span{ display: block; font-size:48px; line-height:50px; color: #dddddd; font-family:"NotoSansHans";}
.news-list li .date em{ margin-top:40px; display: inline-block; text-transform: uppercase; position: relative; padding-right: 33px; color: #dddddd;}
.news-list li .date em i{ position: absolute; right: 0; top:50%; margin-top: -4px; width:20px; height: 11px; background: url(../img/more_line_gary.png) right no-repeat;}
.news-list li a:hover{ background:#FFFFFF; border-bottom:1px solid #FFFFFF; -o-box-shadow:0 0 25px rgba(0,0,0,.1); -ms-box-shadow:0 0 25px rgba(0,0,0,.1); -moz-box-shadow:0 0 25px rgba(0,0,0,.1);  -webkit-box-shadow:0 0 25px rgba(0,0,0,.1); box-shadow:0 0 25px rgba(0,0,0,.1);}
.news-list li a:hover .img img{ transform: scale(1.1); -webkit-transform:scale(1.1);}
.news-list li a:hover .text .tit{ color: #d4a357;}
.news-list li a:hover .date em{ color: #d4a357; transform: translateX(-10%); -webkit-transform: translateX(-10%);}
.news-list li a:hover .date em i{ background: url(../img/more_line_yellow.png) right no-repeat; }
.zixun-title {
    background: white;
}
.zixun-title h1.title {
    text-align: center;
    font-size: 26px;
    color: #3f3f3e;
    margin-bottom: 14px;
    padding-top: 15px;
}
.zixun-title p.msg {
    text-align: center;
    padding: 12px 0;
    color: #9b9999;
    border-bottom: 1px solid #E5E5E5;
    font-size: 0;
    -webkit-text-size-adjust: none;
}
.zixun-title p.msg {
    text-align: center;
    padding: 12px 0;
    color: #9b9999;
    border-bottom: 1px solid #E5E5E5;
    font-size: 0;
    -webkit-text-size-adjust: none;
}
.zixun-body {
    padding: 28px;
    line-height: 26px;
    background: white;
    font-size: 14px;
}
.zixun-body video{
    width: 800px;
    height: 465px;
  outline:none;
}
.yuyueWe .box2 {
    text-align: center;
    border-top: 1px solid #bfbfbf;
}

.yuyueWe .box2 span {
    display: inline-block;
    line-height: 60px;
    font-size: 14px;
    color: #3F3F3E;
    padding: 0 15px;
    font-weight: bold;
}
.yuyueWe .box2 .span1 img {
    width: 33px;
}
.yuyueWe .box2 span img {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}

.yuyueWe .box2 span a {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}

.yuyueWe .box2 span.span2 img {
    width: 23px;
}
.fanye {
    padding: 24px 0 5px;
    border-top: solid 1px #e7e7e7;
  width:900px;
}
.fanye li {
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.fanye li a {
    font-size: 14px;
    color: #7f7f7f;
}
.newpagenum li{
    display:inline-block;
    line-height: 45px;
    border-right: #e8e8e8 1px solid;
    padding-right: 16px;
    border-top: #e8e8e8 1px solid;
    padding-left: 16px;
    border-left: #e8e8e8 1px solid;
    color: #282e2a;
    margin-right: 2px;
    border-bottom: #e8e8e8 1px solid;
    text-decoration: none;
    font-size:14px;
}
.newpagenum  {
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 60px;
    margin: 6px;
    padding-top: 60px; 
    text-align: center;

}
.newpagenum  a {
    display: block;
}
.newpagenum  li:hover {
    border-right: #e8e8e8 1px solid;
    border-top: #e8e8e8 1px solid;
    border-left: #e8e8e8 1px solid;
    color: #fff;
    border-bottom: #e8e8e8 1px solid;
    background-color: #d4a357
}
.newpagenum  li.active {
    border-right: #d4a357 1px solid;
    border-top: #d4a357 1px solid;
    border-left: #d4a357 1px solid;
    color: #000;
    border-bottom: #d4a357 1px solid;
    background-color: #d4a357
}
.newpagenum  span.thisclass {
    border-right: #d4a357 1px solid;
    padding-right: 16px;
    border-top: #d4a357 1px solid;
    padding-left: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    border-left: #d4a357 1px solid;
    color: #fff;
    margin-right: 2px;
    padding-top: 10px;
    border-bottom: #d4a357 1px solid;
    background-color: #d4a357;
    font-size:14px;
}
.newpagenum  span.disabled {
    border-right: #d4a357 1px solid;
    padding-right: 16px;
    border-top: #d4a357 1px solid;
    padding-left: 16px;
    padding-bottom: 10px;
    border-left: #d4a357 1px solid;
    color: #d4a357;
    margin-right: 2px;
    padding-top:10px;
    border-bottom: #d4a357 1px solid;
    background-color: #fff;
    font-size:14px;
}
.shejishi-type .shejishi-type-list {
    border-top: 1px solid #dedede;
    background: #f1f1f1;
    margin-bottom: 26px;
}

.shejishi-type .shejishi-type-list .shejishi-type-item {
    position: relative;
    border-bottom: 1px solid #dedede;
    padding: 9px 0 9px 0;
}

.shejishi-type .shejishi-type-list .shejishi-type-head {
    position: absolute;
    left: 0;
    top: 9px;
    height: 36px;
    line-height: 36px;
    width: 126px;
    text-align: center;
    font-size: 16px;
    color: #4d4d4d;
    border-right: 1px solid #c1c1c1;
}

.shejishi-type .shejishi-type-list .shejishi-type-body {
    position: relative;
    height: 36px;
    padding-right: 84px;
    overflow: hidden;
}

.shejishi-type .shejishi-type-list .shejishi-type-body li {
    float: left;
    margin-left: 23px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
}
.shejishi-type .shejishi-type-list .shejishi-type-body li span{
    color: #5f5f5f;
    padding: 3px 16px;
    }
.shejishi-type .shejishi-type-list .shejishi-type-body li a {
    padding: 3px 16px;
    font-size: 14px;
    color: #5f5f5f;
}

.shejishi-type .shejishi-type-list .shejishi-type-body li a:hover{
    color: #c0000d;
}
/*a:visited .shejishi-type .shejishi-type-list .shejishi-type-body li span {
    background: #828282;
    color: #fff;
}*/

.shejishi-type .shejishi-type-list .shejishi-type-body span.more {
    position: absolute;
    top: 0;
    right: 24px;
    font-size: 14px;
    color: #5f5f5f;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    display: none;
}
.shejishi-type-body .transition{
    display: inline-block;
}
.shejishi-type-body .transition li{
    display: inline-block;
}
.shejishi-type-body .transition .r-line{
    display: inline-block;
}
.sitemap {
    border-radius: 4px;
    height: 34px;
    line-height: 34px;
    padding-left: 12px;
    font-size: 12px
}